// 路由配置
import Layout from "../pages/Layout"
import Login from "../pages/Login"
import {
    createBrowserRouter
} from 'react-router-dom'
import {AuthRoute} from '../components/AutoRoute'
import { lazy, Suspense } from "react"

//1. lazy函数对组件进行导入  路由赖加载
const Home = lazy(()=>import ("@/pages/Home"))
const Article = lazy(()=>import ("@/pages/Acticle"))
const Publish = lazy(()=>import ("@/pages/Publish"))

const router = createBrowserRouter([
    {
        path:'/',
        element:<AuthRoute> <Layout/> </AuthRoute>,
        children:[
            {
                index:true,
                element:<Suspense fallback={'加载中'}><Home/></Suspense>
            },
            {
                path:'/article',
                element:<Suspense fallback={'加载中'}><Article/></Suspense>
            },
            {
                path:'/publish',
                element:<Suspense fallback={'加载中'}><Publish/></Suspense>
            }
        ]
    },
    {
        path:'/login',
        element:<Login/>
    }
])

export default router;